
.createTabs_content{
  margin: 10px;
  width: 400px;
  :global{
    .createTabs_top_content{
      display: flex;
      padding-bottom: 15px;
      border-bottom: 1px solid #e4e6eb;
      .createTabs_top_item{
        display: flex;
        justify-content:center;
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
        cursor: pointer;
        .createTabs_title{
          color: #515767;
        }
      }
      .createTabs_top_item:hover{
        background-color: #f7f8fa;
      }
    }
    .createTabs_idea{
      .createTabs_idea_top{
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        align-items: center;
        .createTabs_left_top{
          font-size: 16px;
        }
        .createTabs_right_top{
          color: #8a919f;
          cursor: pointer;
        }
      }
    }
    .createTabs_activity{
      .items{
        display: flex;
        padding: 6px 0;
        cursor: pointer;
        .header_huo{
          display: inline-block;
          flex-shrink: 0;
          padding: 2px 8px;
          background-color: #fff3e5;
          color: #ff7426;
          font-size: 12px;
        }
        .header_hua{
          display: inline-block;
          padding: 2px 8px;
          background-color: #eaf2ff;
          color: #1e80ff;
          font-size: 12px;
        }
        .header_title{
          margin-left: 10px;
          text-overflow: ellipsis;
          white-space:nowrap;
          overflow: hidden;
        }
      }
      .items:hover{
        color: #6b6b6b;
      }
      
    }
  }
}
.createTabs_name{
  font-size: 12px;
  padding: 12px 5px;
  border-left: 1px solid #358dff;
  background-color: #1e80ff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.createTabs_name:hover{
  background-color: #1171ee;
  transition: all 0.5s;
}

